@import "./../../../style/font.scss";
@import "./../../../style/onepx.scss";
@import "./../../../style/color.scss";

.run-once-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  .content-wrap {
    flex-grow: 1;
    overflow: auto;

    .run-once-title {
      background-color: #FFFFFF;
      @include onepx($normal-border-color, vertical);
      font-family: $regular-font-family;
      @include font-dpr(32px);
      color: $title-text-color;
      letter-spacing: 0;
      padding: 27px 30px;
      margin: 20px 0;
    }

    .items-wrap {

      .item-wrap {
        background-color: #FFFFFF;
        @include onepx($normal-border-color, vertical);
        padding: 0 30px;
        margin-bottom: 20px;

        .item-title {
          font-family: $regular-font-family;
          @include font-dpr(30px);
          color: $title-text-color;
          letter-spacing: 0;
          padding: 25px 0;
          border-bottom: dashed 1px $list-line-color;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }

        .icon-wrap {

          .item-icon {
            display: inline-block;
            width: 25%;
            text-align: center;
            padding: 34px 10px 0;
            box-sizing: border-box;

            &:hover {
              background-color: $item-hover-bg;
            }

            >img {
              width: 80px;
              height: 80px;
            }

            .label {
              font-family: $regular-font-family;
              @include font-dpr(24px);
              color: $assist-text-color;
              letter-spacing: 0;
              width: 100%;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              padding: 14px 0 35px;
            }
          }
        }

      }
    }
  }

}

.run-once-detail {
  font-family: $regular-font-family;
  @include font-dpr(30px);
  color: $title-text-color;
  letter-spacing: 0;

  >p {
    padding: 20px 0;
  }
}
